<!doctype html>
<html>

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />

		<title></title>
	</head>

	<body>

		<nav class="navbar navbar-expand-lg navbar-light bg-light bg-dark">
			<div class="container">
				<a class="navbar-brand" href="#">Get Started</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
				<div class="collapse navbar-collapse" id="navbarNav">
					<ul class="navbar-nav">
						<li class="nav-item active">
							<a class="nav-link" href="#">Core <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item  ml-3">
							<a class="nav-link" href="#">Components</a>
						</li>
						<li class="nav-item  ml-3">
							<a class="nav-link" href="#">Customlzer</a>
						</li>
						<li class="nav-item  ml-3">
							<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Showcase</a>
						</li>
						<li class="nav-item  ml-3">
							<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Tutorlals</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<div class="mian">
			<div class="container">
				<div class="card" style="width: 18rem;">
					<img src="img/logo.png" class="card-img-top" alt="...">
					<div class="card-body">
						<p class="card-text">A lightweight and modular front-end forsart developing fast and powerful wed interfaces.</p>
						<a href="#" class="btn btn-light">Go somewhere</a>
					</div>
				</div>

			</div>
		</div>

		<div class="content">
			<div class="container">
				<h2>Features</h2>
				<span>Ulkit gives you a comprehensive collection of HTML.CSS.and JS components
				<br />
				which is simple to use,easy to customize and extendable.
				</span>
				<div class="row">
					<div class="col-md-3">
						<h3>LESS</h3>
						<p> ulkit is developed in LESS & SASS to write well-structured,extendable code which is easy to maintain.
						</p>
					</div>

					<div class="col-md-3">
						<h3>Components</h3>
						<p> A collection of small,responsive components using consistent and conflict-free naming conventions.

						</p>
					</div>

					<div class="col-md-3">
						<h3>Customizer</h3>
						<p> ulkit'very basic style can be ended with themes and is easy to cust to create your own look.
						</p>
					</div>

					<div class="col-md-3">
						<h3>Responsive</h3>
						<p> with the mobile-first approach Ulkit provides a consistent experience from and tablets to desktops.

						</p>
					</div>
				</div>
			</div>

		</div>

		<div class="ctn">
			<div class="container">
				<h3 class="hhh">
					Become a part of the Ulkit community.
				</h3>
				<div class="row">

					<div class="col-md-4 l">
						<div class="bor">
							<img src="img/1.png" alt="" />
							<p>Twitter</p>
							<span>
							Follow us on Twitter and be the first to
							receive news and spdates. We are open for
							your feedback and questions
						</span>
						</div>
					</div>
					<div class="col-md-4 l">
						<div class="bor">
							<img src="img/2.png" alt="" />
							<p>Contribute on GitHub</p>
							<span>
							You want to take part in the pment?
							Fork Ulkit on GitHub and send us a pull
							request. To report a bug, a new issue
						</span>
						</div>
					</div>

					<div class="col-md-4 l">
						<div class="bor">
							<img src="img/3.png" alt="" />
							<p>Ulkit Community</p>
							<span>
							if you're interested in discussing,
							participating and helping each other
							Ulkit community is the place tobe
						</span>
						</div>
					</div>

				</div>
			</div>

		</div>

		<div class="footer">
			<div class="container">
				<p class="pp">
					Made by YOOtheme with love and caffeine.
					
				</p>
				<p class="pp">
					Licensed under MIT license.
				</p>
			</div>
		</div>

	</body>

	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</html>